<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core_1_1" %>
<%--
  Created by IntelliJ IDEA.
  User: xixixili
  Date: 2020/4/8
  Time: 10:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>咸鱼秒杀</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/secKill.css">
    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/bootstrap-3.3.7-dist/css/bootstrap-theme.css">
</head>
<body>
<!--==================head======================-->
<div class="top">
    <input type="hidden" value="${product.productId}" class="productid">
    <input type="hidden" value="${loginCustomer.customerId}" class="customerid">
    <div class="top-log">
        <div class="logo">
            <a href="/fresh/index.jsp"><img src="${pageContext.request.contextPath}/images/xianyu.jpg" width="90" height="40"></a>
        </div>
    </div>
    <div class="top-dingwei">
        <div class="top-dingwei-main">
            <ul>
                <li class="top-dingwei-img"><img src="${pageContext.request.contextPath}/images/dingwei.png"></li>
                <li class="top-dingwei-city"><a href="#">深圳<p class="top-dingwei-jiantou"></p></a></li>
            </ul>
        </div>
    </div>
    <!--============================搜索=====================================-->
    <div class="search">
        <div class="layui-form">
            <input type="text" name="title" required lay-verify="required" placeholder="请输入查询关键字" autocomplete="off" class="layui-input input-text">
            <button class="submit-button"><i class="submitButton"></i> </button>
        </div>
    </div>
    <!--=======================购物车==========================-->
    <div class="cart">
        <dl>
            <dt class="shopping-btn">
                <a href="/fresh/cart/cart.jsp">
                    <b class="totlePrice">￥2020.00</b>
                </a>
            </dt>
        </dl>
    </div>

    <!--=======================我的====================================-->
    <div class="top-menu">
        <div class="login">
            <c:if test="${empty loginCustomer}">
                <p>
                    <a href="/fresh/customer/login.jsp">登录/</a>
                    <a href="/fresh/customer/regist.jsp">注册</a>
                </p>
            </c:if>

            <c:if test="${!empty loginCustomer}">
                <p>
                    <a href="">${loginCustomer.customerTelno}/</a>
                    <a href="/fresh/customer/outLogin">退出</a>
                </p>
            </c:if>

        </div>
        <div class="user">
            <ul>
                <li class=" tle">
                    <a class="geren" href=""><img src="${pageContext.request.contextPath}/images/geren-logo.png"></a>
                    <a href="/fresh/customer/center.jsp">我的咸鱼</a>
                </li>
                <%--<li class="e1">--%>
                    <%--<a class="order" href=""><img src="${pageContext.request.contextPath}/images/order-logo.png"></a>--%>
                    <%--<a href="/fresh/customer/center.jsp">我的订单</a>--%>
                <%--</li>--%>
                <%--<li class="e2">--%>
                    <%--<a class="coupon" href=""><img src="${pageContext.request.contextPath}/images/coupon.png"></a>--%>
                    <%--<a href="/fresh/product/attention.jsp">我的关注</a>--%>
                <%--</li>--%>
                <%--<li class="last">--%>
                    <%--<a class="exit" href=""><img src="${pageContext.request.contextPath}/images/exit.png"></a>--%>
                    <%--<a href="/fresh/customer/login.jsp">退出账户</a>--%>
                <%--</li>--%>
            </ul>
        </div>
    </div>
</div>
<!--==================main======================-->
<div class="main">
    <div class="sec-head-text">
        <p> 秒杀</p>
    </div>

    <div class="timeline">
        <ul class="timeline_list">
            <li class="now-timeline-list">
                <div  class="now-time-box">
                    <div class="underway-time">16:00</div>
                    <div class="underway-change-time">
                        <b>正在秒杀</b>
                        <b>
                            距离结束
                            <i id="now-h">01</i>:
                            <i id="now-m">20</i>:
                            <i id="now-s">18</i>
                        </b>
                    </div>
                </div>
            </li>

            <li class="next-time-list">
                <div class="next-time-box">
                    <div class="next-time next_time1">
                        18:00
                    </div>
                    <div class="next-btn">
                        <b>即将开始</b>
                    </div>
                </div>
            </li>
            <li class="next-time-list">
                <div class="next-time-box">
                    <div class="next-time next_time2">
                        20:00
                    </div>
                    <div class="next-btn">
                        <b>即将开始</b>
                    </div>
                </div>
            </li>
            <li class="next-time-list">
                <div class="next-time-box">
                    <div class="next-time next_time3">
                        22:00
                    </div>
                    <div class="next-btn">
                        <b>即将开始</b>
                    </div>
                </div>
            </li>
            <li class="next-time-list">
                <div class="next-time-box">
                    <div class="next-time-yestoday next_time4">
                        明日 00:00
                    </div>
                    <div class="next-btn">
                        <b>即将开始</b>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <div class="goods-list">
        <ul class="goods-list-ul">
            <%--<li>--%>
            <%--<a href="" class="goods-img">--%>
                <%--<img src="${pageContext.request.contextPath}/images/baicai.jpg" alt="">--%>
                <%--<p>大白菜</p>--%>
            <%--</a>--%>
            <%--<div class="goods-inf">--%>
                <%--<div>--%>
                        <%--<span>--%>
                        <%--<span class="now-price">--%>
                            <%--<i>￥</i>--%>
                            <%--<span >8.8</span>--%>
                        <%--</span>--%>
                        <%--<span class="old-price">--%>
                            <%--<i>￥</i>--%>
                            <%--<del>12.8</del>--%>
                        <%--</span>--%>
                    <%--</span>--%>
                    <%--<div class="goods-out">--%>
                        <%--<span>已售</span>--%>
                        <%--<span>--%>
                                <%--<div class="progress" style=" width: 60px;height: 6px;">--%>
                                    <%--<div class="progress-bar progress-bar-danger " role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%" >--%>

                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</span>--%>
                    <%--</div>--%>
                <%--</div>--%>
                <%--<div class="rush-purchase">--%>
                    <%--立即抢购--%>
                <%--</div>--%>
            <%--</div>--%>

        <%--</li>--%>

        </ul>
    </div>
</div>

<%--分页--%>
<%--<div class="page-box">--%>


<%--<nav aria-label="Page navigation">--%>
    <%--<ul class="pagination">--%>
        <%--<li>--%>
            <%--<a href="#" aria-label="Previous">--%>
                <%--<span aria-hidden="true">&laquo;</span>--%>
            <%--</a>--%>
        <%--</li>--%>
        <%--<li><a href="#">1</a></li>--%>
        <%--<li><a href="#">2</a></li>--%>
        <%--<li><a href="#">3</a></li>--%>
        <%--<li><a href="#">4</a></li>--%>
        <%--<li><a href="#">5</a></li>--%>
        <%--<li>--%>
            <%--<a href="#" aria-label="Next">--%>
                <%--<span aria-hidden="true">&raquo;</span>--%>
            <%--</a>--%>
        <%--</li>--%>
    <%--</ul>--%>
<%--</nav>--%>
<%--</div>--%>
<div>
    <a href="" class="previous_page">上一页</a>
    当前是第<span class="pageNum" name="pageNum"></span>页
    共有<span class="pages" name="pages"></span>页，共有<span class="total"></span>条记录，
    <a href="" class="next_page">下一页</a>
</div>
<!--==================bottom======================-->


<script src="${pageContext.request.contextPath}/js/head.js"></script>
<script src="${pageContext.request.contextPath}/js/secKill.js"></script>
</body>
</html>
